<template>
    <div id="app">
        <el-cascader
                size="large"
                :options="regionOptions"
                v-model="selectedOptions"
                @change="handleChange">
        </el-cascader>
    </div>
</template>

<script>
    import { regionDataPlus,TextToCode } from 'element-china-area-data'
    export default {
        data () {
            return {
                regionOptions: regionDataPlus,
                selectedOptions: ["110000", "110100", "110101"]
            }
        },

        methods: {
            handleChange (value) {
                console.log(value)
                // const dist=value[2];
                console.log(TextToCode['北京市']['市辖区']['朝阳区'].code);

            }
        }
    }
</script>